

/*  WAP主导航 */

@media all and (max-width:1800px) {

.container,.wrap,.w1200{padding: 0 30px;}

.pcNav .headerLogo{left: 30px}

.pcNav .headerTel{right: 30px;}

.pcNav .headerNav{padding-left: 32%;}

.pcNav .headerNav .menu1>li>a{margin: 0 30px;}

.footerLeft .note{display: block;margin-left: 0}

.footerLeft .note a:first-child{padding-left: 0}

}

@media all and (max-width:1600px) {

.pcNav{height: 90px;}

.pcNav .headerTel{line-height: 26px;}/*.pcNav .headerTel{line-height: 46px;}*/
.pcNav .headerLogo{line-height: 90px;}

.pcNav .headerLogo img{height: 60px;}

.pcNav .headerNav{padding-top: 34px;padding-bottom: 32px;}

.pcNav .headerNav .menu1>li>a{font-size: 16px;}

.pCult .fontOne,.pCult .fontTwo{width: 30%}

.pCult .fontTwo .topic{color: #fff;}

.pCult .fontTwo .topic span:after{background-color: #fff;}

.pCult .fontTwo{background:rgba(98,23,57,0.8);}

.pCult .fontTwo .txt{color: #fff;}

.newsList ul{margin-right: -20px;}

.newsList li {margin-bottom: 20px;}

.newsList li a{margin-right: 20px;}

.termList li{width: 25%}

}

@media all and (max-width:1400px) {

.container,.wrap,.w1200{padding: 0 25px;}

.hTopic{font-size: 30px;margin-bottom: 40px;}

.hTopic span{font-size: 12px;}

.hTopic span:after{height: 3px;bottom: -5px;}

.pcNav .headerNav{padding-left: 29%;}

.pcNav .headerNav .menu1>li>a{margin: 0 20px;}

.case,.service,.about,.pCult,.pSetting,.pageNav,.pHonor,.pServe,.pContact,.caseDetail,.Declare{padding: 60px 0;}

.pAbout{padding: 60px 0 0 0;}

.pNews{padding-bottom: 60px;}

.caseTab{margin-bottom: 30px;}

.caseTab a{padding: 0 40px;}

.caseItem li{/*width: 31%;*/width: 33.33%;}

.serviceRight li a{padding-left: 25%;}

.footerLeft{width: 48%;}

.footerMidd{width: 38%;}

.pSetting .main{background: none;height: auto;}

.pSetting .main .item{position: static;width: 100%;height: auto;}

.pSetting .main .item li{width: 25%;margin-right: 0;height: auto;}

.pSetting .main .item li a{display: block;margin-right: 1px;position: relative;padding-top: 72%;}

.pSetting .main .item li a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.pSetting .main .item li:nth-child(1){width: 50%;height: auto;}

.pSetting .main .item li:nth-child(1) img{width: 100%;height: 100%;}

.pSetting .main .item li:nth-child(n+6){display: none;}

.pServe .main li .font h5{font-size: 30px;}

.pNews .main li .font{padding: 40px 30px;}

.newsList li{width: 25%;}

.pContact .bott{height: 578px;}

.pContact .bott .mess .txt{width: 100%;float: none;}

.pContact .bott .mess .cont{float: none;width: 100%;margin-bottom: 10px;}

.pictureShow{height: 720}

.caseDetail .title{font-size: 30px;}

.gr_kefu{display: none;}

.honor li {font-size: 22px;height: 200px;}

.honor li i{transform: scale(0.9);margin: 30px auto 15px;}

.termList li{width: 33.33%}

}



@media all and (max-width:1200px) {

.hTopic{font-size: 28px;}

.hTopic span{font-size: 12px;}

.hTopic span:after{height: 3px;bottom: -5px;}

.pcNav .headerTel{display: none;}

.pcNav .headerNav{padding-left: 0%;position: absolute;right: 30px;}

.footerRight{display: none;}

.footerMidd{float: right;}

.pAbout .posit{width: 100%;position: static;}

.pAbout .main{height: 520px;}

.pAbout .posit ul{height: 150px;}

.pAbout .posit li i{width: 40px;height: 40px;margin: 25px auto 15px;}

.pAbout .posit li span{font-size: 12px;line-height: 20px;}

.pCult .fontOne,.pCult .fontTwo{width: 40%}

.pCult .fontOne .topic{color: #fff;}

.pCult .fontOne .topic span:after{background-color: #fff;}

.pCult .fontOne{background:rgba(98,23,57,0.8);}

.pCult .fontOne .txt{color: #fff;}

.pCult .main .topic{font-size: 20px;}

.pServe .main li .font h5{font-size: 28px;}

.newsList li{width: 33.33%;}

.pContact .bott{height: auto;}

.pContact .bott .map{float: none;height: 300px;width: 100%;}

.pContact .bott .mess{width: 100%;float: none;}

.pContact .bott .mess .txt{width: 50%;float: left;}

.pContact .bott .mess .cont{width: 49%;float: right;}

.pictureShow{height: 620px;}

.caseRelate li{width: 33.33%;}

.caseRelate li:nth-child(4){display: none;}

.termRelate li{width: 33.33%;}

.termRelate li:nth-child(4){display: none;}

.settingList li{width: 33.33%}

.honorList li{width: 25%;}

.pictureTitle h3{font-size: 24px;}

.projectList li{margin-bottom: 20px;}

.projectList li a{margin-right: 20px;}



}



@media all and (max-width:1024px) {

.container,.wrap,.w1200{padding: 0 15px;}

body{padding-top: 60px;position: relative;z-index: 0}

.hTopic{margin-bottom: 20px;font-size: 24px;}

.hTopic span{display: none;}

.pcNav{display: none;}

.head_open {height: 100%;}

.wapHeader{display: block;position: fixed;top: 0;left: 0;width: 100%;z-index:20;box-shadow: 0 0 6px 2px rgba(0,0,0,0.1)}

.wapHeader .logoHeader{height: 60px;background-color: #fff;}

.wapHeader .logoHeader .logo{position: absolute;left:15px;line-height: 60px;top:0;}

.wapHeader .logoHeader .logo img{height: 30px;}

.wapHeader .navbar{background-color: #fff;}

/*  导航按钮 */

.navTrigger{position:absolute;top:20px;right:20px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;}

.navTrigger i{display:block;height:2px;background:#333;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}

.navTrigger i:nth-child(3){margin-bottom:0;}

.navTrigger-on i{background: #333;}

.navTrigger-on i:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}

.navTrigger-on i:nth-child(2){opacity:0;}

.navTrigger-on i:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}

/*导航列表*/

.wapHeader .navSlide{position: absolute;width: 100%;left: 0;top: -100%;opacity: 0;display: none;bottom: 0;background-color: #fff;overflow-y: auto;}

.wapHeader .navbar li a{display:block;color:#333;height:50px;line-height:50px;border-bottom:1px solid #ddd;position:relative;background-color:#fff;text-align: center;position: relative;}

.wapHeader .navbar>li>a i{background-image: url(../images/iconf.png);background-repeat:no-repeat;background-position: center center;position: absolute;width: 30px;height: 30px;right: 20px;top: 50%;margin-top: -15px;z-index: 999;}

.wapHeader .navbar>li:first-child a{height: 60px;line-height: 60px;background-image: none;}

.wapHeader .navbar>li>.current{background-color: #621739;color: #fff;}

.wapHeader .navbar>li>.current i{background-image: url(../images/icong.png); }

.wapHeader .navSub{display: none;}

.wapHeader .navSub>li>a{font-size: 14px;color: #666;}

.wapHeader .navSub>li>a:hover{color: #621739}

.wapHeader .tel{padding: 20px 0;text-align: center;font-size: 14px;}

.wapHeader .tel .iconfont{font-size: 16px;margin-right: 5px;color: #621739;}

.wapHeader .tel span{margin-left: 5px;font-size: 18px;color: #621739;font-weight: 600;}

/*wap端底部固定*/

.footBar{position: fixed;width:100%;left:0;bottom:0;height:45px;background:#621739;z-index:90;display: block;}

.footBar a{float:left;width:25%;border-right:1px solid #4c0f2b;text-align:center;line-height:45px;color:#fff;}

.footBar a i{margin-right:5px;font-size:18px;}

.footBar a:last-child{border-right:none;}

.footBar a:last-child i{font-size: 14px;}



.footerLink{display: none;}

.footerLeft{display: none;}

.footerMidd{display: block;width: 100%;text-align: center;float: none;}

.footerEwm{display: block;text-align: center;padding: 20px 0;}

.footerEwm img{width:100px;height: 100px;border-radius: 4px;background-color: #fff;padding: 4px;}



.banner .pcImg{display: none;}

.banner .wapImg{display: block;}

.bannerPrev,.bannerNext{display: none;}

.banner .hd{bottom: 10px;}

.banner .hd span{width: 6px;height: 6px;}

.case,.service,.about,.newsLeft,.newsRight,.pCult,.pSetting,.pageNav,.pHonor,.pServe,.newsList,.pContact,.caseDetail,.showArticle,.Declare{padding: 45px 0;}

.pAbout{padding: 45px 0 0 0;}

.pNews{padding-bottom: 45px;}

.caseTab{margin-bottom: 20px;}

.service{background-size: cover;}

.about{background-image: url(../images/hAbout-bg2.jpg);}

.about .aboutMain{background: rgba(255,255,255,0.9);}

.news .title{margin-bottom: 20px;font-size: 24px;}

.news .title span{display: none;}

.newsLeft  .box{margin-right: 30px;}

.newsRight .box{margin-left: 30px;}

.pCult .main .topic{font-size: 18px;margin-bottom: 30px;position: relative;}

.pCult .main .topic:after{content: "";position: absolute;width: 30px;height: 2px;background-color: #fff;top: 50%;margin-top: -1px;margin-left: 10px;}

.pCult .main .topic span{display: none;}

.pSetting .main .item{padding: 20px;}

.pServe .main li .font h5{font-size: 24px;margin-bottom: 30px;}

.pServe .main li .font{padding: 50px;}

.pServe .main li .font p{margin-bottom: 30px;}

.pContact .item li{height: 360px;}

.pContact .item li .font{padding: 40px;}

.pContact .item li .font .word{width: 180px;font-size: 18px;}

.pContact .item li .font .btn a{width: 120px;}

.pictureShow{height: 520px;}

.pictureSlider{height: 120px;}

.caseSwiper .swiper-button-next, .caseSwiper .swiper-button-prev{bottom: auto;top: 50%;width: 40px;margin-top: -20px;}

.caseSwiper .swiper-button-next{right: 10px;}

 .caseSwiper .swiper-button-prev{left: 10px;}

 .pictureSlider{width:98%;}

 .caseDetail .title{font-size: 26px;margin-bottom: 30px;}

 .caseDetail .title:after{display: none;}

 .caseDetail .content .tit{font-size: 22px;}

.honorList ul{margin-right: -15px;}

 .honorList li a{margin-right: 15px;}

 .honorList li{margin-bottom: 15px;}

 .honorList li .pic{border: 5px solid #f1f1f1}

.articlePage{display: none;}

.mobliePage{display: block;}

.pContact .bott .map{display: none;}

.pServe .main li .font .zixun{display: none;}

.serviceMain li h5{font-size: 22px;}

.termList ul{margin-right: -20px;}

.termList li{margin-bottom: 30px;}

.termList li a{margin-right:20px; }



}



@media all and (max-width:920px) {

.container,.wrap,.w1200{padding: 0 15px;}

.caseTab a{width: 20%;padding: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.caseItem li{width: 50%;}

.news:after{display: none;}

.newsLeft{padding-bottom: 0}

.newsLeft ,.newsRight{float: none;width: 100%;}

.newsLeft .box{margin-right: 0;}

.newsRight .box{margin-left: 0;}

.pCult .fontOne,.pCult .fontTwo{width: 50%}

.newsList li a{padding: 20px;}

.pContact .item li .font .word{margin-bottom: 15px;height: 40px;line-height: 40px;font-size: 16px;}

.pContact .item li .font .txt{margin-bottom: 20px;}

.pictureShow{height: 420px;}

 .caseDetail .title{font-size: 24px;}

 .caseRelate li .cover{font-size: 12px;line-height: 20px;}

 .caseRelate li .txt{padding: 15px 0;}

 .caseRelate li .txt h5{font-size: 14px;margin-bottom: 0}

 .caseRelate li .txt p{font-size: 12px;}

 .barRelate h3{font-size: 26px;}

 .settingList ul{margin-right: -15px;}

.settingList li {margin-bottom: 15px;}

 .settingList li a{margin-right: 15px;}

 .pictureTitle h3{font-size: 22px;}

 .honor li{font-size: 16px;height: 180px;}

.honor li i{transform: scale(0.8);margin: 20px auto 5px;}

.projectList ul{margin-right: 0}

.projectList li{width: 100%;float: none;}

.projectList li a{margin-right: 0}



}



@media all and (max-width:768px) {

.container,.wrap,.w1200{padding: 0 15px;}

.caseTab{line-height: 16px}

.caseTab a{width: 33.33%;margin-bottom: 5px;}

.caseTab a:nth-child(3){background-image: none}

.about{padding-left: 15px;padding-right: 15px;}

.about .aboutMain{max-width:738px;min-width:320px;margin:0 auto;float: none;width: auto; padding: 6% 5%;}

.pAbout .main{height: auto;background: none;margin: 0 15px 15px 15px;}

.pAbout .main .font .hTopic{display: none;}

.pAbout .main .font h2{text-align: center;}

.pAbout .main .pic{display: none;}

.pAbout .main .font{width: 100%;padding:40px  30px;background-color: #fff;}

.pAbout .hd .swiper-pagination-bullet-active{background-color: #fff;}

.pAbout .posit li{float: none;}

.pCult .fontTwo{padding-left: 15px;}

.pSetting .main .item{padding:10px;}

.pServe .main li .font{padding:50px  30px;}

.newsList ul{margin-right:-15px; }

.newsList li{margin-bottom: 15px;}

.newsList li a{margin-right: 15px;padding: 15px;}

.newsList li a h5{font-size: 16px;margin-bottom: 5px;}

.newsList li a .txt{font-size: 12px;margin: 10px 0 20px;}

.pContact .bott .mess{padding: 30px;}

.pContact .item li{height: auto;}

.pContact .item li .pic{display: none;}

.pContact .item li .font{width: 100%;float: none;}

.pContact .item li:nth-child(2n) .font{text-align: left;}

 .caseDetail .title{font-size: 22px;}

  .caseDetail .content .tit{font-size: 20px;}

 .caseRelate li .cover{display: none;}

  .honorList li{width: 33.33%}

.pictureTitle h3{font-size: 20px;}

.termList ul{margin-right: -15px;}

.termList li{margin-bottom: 20px;}

.termList li a{margin-right:15px; }







}



@media all and (max-width:640px) {

.container,.wrap,.w1200{padding: 0 15px;}

.caseItem li{margin-bottom: 20px;}

.caseItem li .cover{display: none;}

.caseItem li .txt h5{font-size: 14px;margin-bottom: 0}

.caseItem li .txt{padding: 10px 0;}

.caseItem li .txt p{display: none;}

.caseItem li:nth-child(n+7){display: none;}

.serviceRight li{width: 50%;}

.serviceRight li:nth-child(1){width: 50%;}

.serviceRight li:nth-child(2), .serviceRight li:nth-child(3), .serviceRight li:nth-child(4){width: 50%;}

.serviceRight li:nth-child(5),.serviceRight li:nth-child(6){width: 50%;}

.pageNav ul{text-align: left;}

.pageNav ul li{width: 33.33%;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}

.pCult .fontOne,.pCult .fontTwo{float:none;height: 50%;width: auto;}

.pCult .fontOne{padding-top:40px;padding-left: 30px;}

.pCult .fontTwo{padding-top:10px;padding-left: 30px;padding-right: 30px;}

.pSetting .main .item li:nth-child(1){width:100%; }

.pSetting .main .item li{width: 50%;}

.pSetting .main .item li:nth-child(n+6){display: block;}

.pServe .main li {height: auto;}

.pServe .main li .pic{float: none;height: 300px;width: 100%;}

.pServe .main li .font{float: none;height: auto;width: 100%;}

.pServe .main li:nth-child(2n) .pic{float: none;}

.pServe .main li .font{padding: 30px;}

.pServe .main li:nth-child(2n) .font{text-align: left;}

.newsList li{width: 50%;}

.newsList li a .txt{height: 60px;}

.pContact .bott .mess .txt{float: none;width: 100%;}

.pContact .bott .mess .cont{float: none;width: 100%;}

.pContact .bott .mess .sub{width: 150px;}

.pictureShow{height: 320px;}

.pictureSlider{height: 100px;}

.barRelate{margin-bottom: 20px;}

.barRelate h3{font-size: 24px;}

.barRelate h3 span{display: none;}

.caseRelate,.termRelate{padding: 30px 0;}

.caseDetail .title{font-size: 20px;}

.caseRelate li{width: 50%;}

.caseRelate li .txt p{display: none;}

.caseRelate li:nth-child(3){display: none;}

.termRelate li{width: 50%;}

.termRelate li:nth-child(3){display: none;}

.settingList li{width: 50%}

  .honorList li{width: 50%}

.showArticle .articleHost h3{font-size: 20px;}

.showArticle .articleRelate-news li{width: 100%;float: none;margin-right: 0}

.breadCrumb .wrap{height: 46px;line-height: 46px;}

.breadCrumb .back{display: none;}

.serviceMain li{height: auto;}

.serviceMain li a{padding-top: 20px;}

.serviceMain li i{transform: scale(0.8);}

.serviceMain li p{display: none;}

.serviceMain li h5{font-size: 18px;padding: 15px 0 20px}

.termList li{width: 50%;}

.Declare .main{padding: 60px 0}

.Declare .main .pic{float: none;width: 100%;text-align: center;margin-bottom: 30px;}

.Declare .main .pic img{width: 50%;min-width: 100px;max-width:180px;}

.Declare .main .font{float: none;width: 100%;border-top: 2px solid #621739;padding-left: 0;padding-top: 30px;border-left: 0}

.Declare .main .font p{margin-bottom: 20px;font-size: 14px;}

.Declare .main .font .word{margin-top: 40px;}

.Declare .main .font .word{font-size: 14px;}

}



@media all and (max-width:480px) {

.container,.wrap,.w1200{padding: 0 15px;}

.case,.service,.about,.newsRight,.pSetting,.pageNav,.pHonor,.pServe,.newsList,.pContact,.caseDetail,.showArticle,.Declare{padding: 35px 0;}

.pNews{padding-bottom: 35px;}

.newsLeft,.footer{padding-top: 35px;}

.hTopic{margin-bottom: 30px;font-size: 22px;margin-bottom: 15px;}

.caseTab a{font-size: 14px;}

.serviceRight li{height: auto;}

.serviceRight li a{padding-left: 10%;padding-right: 10%; padding-bottom: 10%;}

.serviceRight li .txt h5{font-size: 18px;}

.serviceRight li .txt p{display: none;}

.about{padding-left: 15px;padding-right: 15px;}

.about .aboutMain h2{margin-bottom: 15px;font-size: 18px;}

.about .aboutMain .txt{font-size: 12px;margin-bottom: 20px;}

.news .title{font-size: 22px;margin-bottom: 15px;padding-bottom: 15px;}

.news .list li .time{display: none;}

.news .list li{margin-bottom: 10px;}

.news .list li a{font-size: 14px;width: 100%}

.footerMidd{font-size: 0;text-align: left;}

.footerMidd span{display: block;font-size: 12px;margin-bottom: 5px;}

.footerMidd  a{width: 33.33%;display: inline-block;padding: 0;font-size: 12px;margin-right: 0;text-align: left;line-height: 16px;}

.footBar a{font-size: 14px;}

.footBar a i{font-size: 16px;}

.listBanner{height: 220px;}

.pageNav ul li{font-size: 14px;padding: 0}

.pAbout .main .font{padding: 30px 15px;}

.pAbout .main .font h2{font-size: 18px;margin-bottom: 10px;}

.pCult .main .topic{margin-bottom: 20px;}

.pCult .fontOne b{margin-bottom: 10px;}

.pCult .fontOne{height: 45%;}

.pCult .fontTwo{height: 55%;}

.pHonor .item li .pic{border: 5px solid #fff;}

.pHonor .item li .tit{height: 40px;line-height: 40px;}

.pServe .main li .pic{height: 200px;}

.pServe .main li .font{padding: 20px;}

.pServe .main li .font  i{display: none;}

.pServe .main li .font h5{font-size: 20px;margin-bottom: 15px;}

.pServe .main li .font p{margin-bottom: 20px;}

.pServe .main li .font h5 span{display: none;}

.pNews .main li{height: auto;}

.pNews .main li .pic{width: 100%;float: none;height: 220px;}

.pNews .main li .font{width: 100%;float: none;height: auto;padding: 25px}

.pNews .main li .font h5{font-size: 16px;margin-bottom: 5px;}

.pNews .main li .font p{margin: 10px 0;height: 62px;}

.pNews .main li .font .more{display: none;}

.newsList li a{padding: 10px;}

.newsList li a .txt{display: none;}

.newsList li a h5{font-size: 14px;line-height: 20px;height: 40px;}

.pContact .bott .mess{padding: 15px;}

.pContact .bott .mess .sub{clear:both;width: 100%;}

.pContact .item li .font{padding: 20px;}

.caseSwiper{padding-bottom: 3px;}

.pictureShow{height: 220px;margin: 0 auto 3px !important}

.pictureSlider{height: 50px;}

.caseSwiper .swiper-button-next, .caseSwiper .swiper-button-prev{display: none;}

.caseDetail .title{font-size: 18px;margin-bottom: 20px;}

.caseDetail .content{margin: 30px 0;}

.caseDetail .content .tit{font-size: 18px;}

.caseDetail .content .item{margin: 15px 0;font-size: 12px;}

.caseDetail .content .item span{margin-right: 10px;}

.caseDetail .content .font{font-size: 14px;}

.caseRelate li .txt{padding: 10px 0;}

.barRelate h3{font-size: 20px;}

.settingList ul{margin-right: -10px;}

.settingList li{margin-bottom: 10px;}

.settingList li a{margin-right: 10px;}

.settingList li .tit{height: 36px;line-height: 36px;}

.honorList ul{margin-right: -10px;}

.honorList li{margin-bottom: 10px;}

.honorList li a{margin-right: 10px;}

.honorList li .tit{line-height: 36px;height: 36px;}

.pictureTitle{padding-bottom: 20px;}

.pictureTitle h3{font-size: 18px;margin-bottom: 5px;}

.pictureTitle .time{font-size: 12px;}

.showArticle .articleHost h3{font-size: 18px;margin-bottom: 10px;}

 .honor li{width: 100%;height: 150px;}

.serviceMain li a{padding-top: 15px;}

.serviceMain li i{transform: scale(0.6);}

.serviceMain li h5{font-size: 16px;padding: 0 0 20px}

.serviceMain li h5 span{display: none;}

.projectList li{height: auto;}

.projectList li a{height: auto;}

.projectList li a .pic{float: none;width: 100%;height: 250px;display: block;}

.projectList li a .font{float: none;width: 100%;height: auto;padding: 20px 15px;}

.projectList li a .font h5{font-size: 16px;margin-bottom: 10px;height: auto;}

.projectList li a .font p{margin-bottom: 15px;}

.termList ul{margin-right: 0;}

.termList li{width: 100%;float: none;}

.termList li a{margin-right:0; }

.termList li .font{padding: 10px 0;}

.termList li .font h5{font-size: 14px;line-height: 22px;height: auto;margin-bottom: 5px;}

.termList li .font p{font-size: 12px;}

.termRelate ul{margin-right: -10px;}

.termRelate li a{margin-right:10px;}

.termRelate li .font{padding: 10px 0;}

.termRelate li h5{font-size: 14px;height: 40px;margin-bottom: 5px;line-height: 20px;}

.termRelate li p{font-size: 12px;}

.Declare .main{padding: 40px 0;}



}









































